@charset "utf-8";
#Follow-up_visit{
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #F6F8F9;
    padding-bottom: 55px;
}
.Follow-up_visit_box {
    height: 100%;
}


/*下拉箭头*/
.Navigation_left .ivu-icon-arrow-down-b:before,.qiyong-one .ivu-icon-arrow-down-b:before{
    content: "";
    background: url("../images/copy04.png");
    width: 8px;
    height: 5px;
    display: block;
    background-size: cover;
    margin-top: 5px;
}
.ivu-icon-arrow-down-b:before {
    content: "";
    background: url("../images/drowdown.png");
    width: 8px;
    height: 5px;
    display: block;
    background-size: cover;
    margin-top: 5px;
}

/*******上边导航样式开始*******/
.Navigation_top {
    width: 100%;
    height: 64px;
    background: #FFFFFF;
    box-shadow: 0 1px 0 0 #EAEEEF;
}

/*左边*/
.Navigation_left {
    width: 32.14%;
    height: 64px;
    border-right: 1px solid #eaeeef;
    padding: 20px;
    float: left;
}
.Navigation_left .ivu-select{
    width: 31.25%;
    min-width: 100px;
    margin-right: 2.97%;
    float: left;
}
.Navigation_left .ivu-select:nth-last-child(1){
    margin-right: 0;
}
/*所有客户样式设置与客户属性样式设置*/
.Navigation_left .ivu-select-selection .ivu-select-placeholder, .Navigation_left .ivu-select-selection .ivu-select-selected-value {
    font-size: 14px;
    color: #4578C8;
    height: 24px;
    line-height: 24px;
    border: 0;
}
.Navigation_left .ivu-select-selection{
    border-radius: 0;
}
.Navigation_left .ivu-select-selection span {
    color: #4578C8;
}

.Navigation_left .ivu-select-selected-value, .Navigation_left .ivu-select-selection {
    width: 100%;
    height: 26px;
    background: #FBFDFC;
    border: 1px solid #EAEEEF;
}

/*右边*/
.Navigation_right {
    width: 67.86%;
    height: 64px;
    float: right;
    padding: 20px;
    font-size: 14px;
    color: #666666;
}

.Navigation_right .c-two-top,.Navigation_right .c-two-top-zwgrkh{
    float:left;}
.Navigation_right .c-two-top dd{
    font-size: 12px;
    color: #FFFFFF;
    padding:0 0 0 10px;
    margin-left:12px;}
.Navigation_right .c-two-top-zwgrkh dd{
    font-size: 14px;
    color: #FFFFFF;
    margin-left:12px;
}

.customer_data{
    float:right;
    background: #567ED2;
    border-radius: 4px;
    width:100px;
    height:24px;
    font-size: 14px;
    color: #FFFFFF;
    text-align:center;
    line-height:24px;
    cursor:pointer;}
.Navigation_right strong{
    font-size:14px;
    float:left;}
.turnPrivateWrap .ivu-modal-footer .ivu-btn-primary{
    margin-top: 0!important;
}

.sellVisitBtn .bg-blue-btn:nth-child(2) Button{
    width: 154px;
    text-indent: 18px;
    background: #4578C8 url(../images/newlyAdded.png) 18px no-repeat;
}


/*******上边导航样式结束*******/

/*******下边样式开始*******/
.Navigation_down {
    width: 100%;
    background: #F6F8F9;
    padding: 19px 19px 0 19px;
    height: 100%;
    padding-bottom: 55px;
}

/*左边*/
.Navigation_down_left {
    width: 31.64%;
    float: left;
    border-right: 1px solid #eaeeef;
    padding:0 0 10px 0;
    height: 100%;
}


/* 垂直滚动条的滑动块 */
::-webkit-scrollbar-thumb:vertical {
    height: 24px;
    border-width: 8 0 8 0;
}

.Navigation_down .query_input {
    margin-left:6.5%
}

.Navigation_down .query_input input {
    width: 88%;
    height: 386px;
    height: 24px;
    padding: 0 10px 0 10px;
    font-size: 12px;
    color: #c5c5c5;
    background: #FBFDFC url(../images/nav-search.png) no-repeat;
    background-position: 98%;
    border: 1px solid #EAEEEF;
}

.kehu_mane {
    width: 88.8%;
    height: 70px;
    background: #fff;
    border: 1px solid #EAEEEF;
    padding: 10px;
    border-bottom: none;

}
.kehu_mane:nth-last-child(1){
    border-bottom: 1px solid #EAEEEF;
}

.kehu_tubiao {
    background: url(../images/kehu01.png);
    width: 14px;
    height: 14px;
    float: left;
}

.kehu_tubiao01 {
    background: url(../images/kehu02.png);
    width: 14px;
    height: 14px;
    float: left;
}

.kehu_tubiao02 {
    background: url(../images/jiating.png);
    width: 14px;
    height: 14px;
    float: left;
}

.kehu_mane span {
    display: block;
    margin-top: -2px;
    margin-left: 4.6%;
    font-size: 14px;
    color: #1a2737;
    float: left;
}

.kehu_mane .circle {
    width: 16px;
    height: 16px;
    background: #CAD8DF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 10px;
    color: #fff;
    float: left;
    margin-left: 1.8%;
}
.circle p{
    text-align: center;
    line-height: 16px;
    margin-left: -2px;
}
.kehu_boxtop {
    width: 93.7%;
    overflow: auto;
}

.kehu_boxdown {
    width: 93.7%;
    overflow: auto;
    margin-top: 2.5%;
}

.Customer_list {
    height: 100%;
    overflow-y: auto;
    margin-top: 10px;
    margin-left:6.5%;
    padding-bottom: 34px;
}
.kehu_boxdown strong{
    margin-top: 2px;
}

.kehu_mane .circle_red, .kehu_mane .circle_yellow, .kehu_mane .circle_blue, .kehu_mane .circle_green, .kehu_mane .circle_gray {
    width: 70px;
    height: 20px;
    border-radius: 15px 0 0 15px;
    float: left;
    text-align: center;
    margin-left: 26px;
    font-size: 12px;
    color: #333333;
    line-height: 18px;
}

.kehu_mane .circle_red01, .kehu_mane .circle_yellow01, .kehu_mane .circle_blue01, .kehu_mane .circle_green01, .kehu_mane .circle_gray01 {
    width: 70px;
    height: 20px;
    float: left;
    border-radius: 0 15px 15px 0;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
}

.kehu_mane .circle_red {
    border: 1px solid #F30416;
}

.kehu_mane .circle_red01 {
    background-image: linear-gradient(-180deg, #FC4654 0%, #F30416 100%);
}

.kehu_mane .circle_yellow {
    border: 1px solid #FFB619;
}

.kehu_mane .circle_yellow01 {
    background-image: linear-gradient(-180deg, #FFC444 0%, #FFB619 100%);
}

.kehu_mane .circle_blue {
    border: 1px solid #4AC4F1;
}

.kehu_mane .circle_blue01 {
    background-image: linear-gradient(-180deg, #48B9FD 0%, #049DF8 100%);
}

.kehu_mane .circle_green {
    border: 1px solid #6CCB24;
}

.kehu_mane .circle_green01 {
    background-image: linear-gradient(-180deg, #8BD850 0%, #6CCB24 100%);
}

.kehu_mane .circle_gray {
    border: 1px solid #CAD8DF;
}

.kehu_mane .circle_gray01 {
    background: #CAD8DF;
}

/*右边*/
.Navigation_down_right {
    width: 68.36%;
    float: right;
    padding: 0 0 0 15px;
    height: 100%;
    padding-bottom: 10px;
}

.Navigation_down_right-box {
    width: 100%;
    height: 100%;
    overflow-y: auto;

}

.Navigation_down_right .chat_kuang {
    width: 79.4%;
    background: #fff;
    float: left;
    position: relative;
}

.Navigation_down_right .chat_img {
    background: url(../images/Salesperson.png) no-repeat;
    width: 38px;
    height: 38px;
    float: left;
}

.Navigation_down_right .Dialog_box{
    width:100%;
    overflow: hidden;
    margin-top:1%;}
.Navigation_down_right .Dialog_box:nth-child(1){
    margin-top: 0;
}
.Navigation_down_right .chat_img01 {
    background: url(../images/touxiang01.png) no-repeat;
    width: 38px;
    height: 38px;
    float: left;
}
.chat_img01_box{
    width:38px;
    height:38px;
    float:left;}
.Navigation_down_right .chat_Arrow {
    background: url(../images/jiantou.png) no-repeat;
    width: 10px;
    height: 17px;
    float: left;
    margin-top: 14px;
    z-index: 9;
    position: relative;
    left: 1px;
}

.chat_kuang, .chat_kuang01, .chat_kuang_right {
    padding: 10px;
    border: 1px solid #EAEEEF;
    border-radius: 4px 4px 4px 4px 0 0 0;
}

.chat_top, .chat_down {
    width: 100%;
    overflow: auto;
    margin-top: 5px;

}

.chat_top span {
    font-size: 12px;
    color: #333333;
    float: left;
}

.chat_Middle {
    width: 66.6%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    color: #666666;
    margin-top: 5px;
}

.chat_down .chatgreen, .chatyellow, .chatred, .chatblue {
    background: #FFFFFF;
    width: 80px;
    height: 20px;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    margin-top: 5px;
    float: left;
}

.chat_down .chatgreen {
    border: 1px solid #B6D89D;
    color: #B7D89D;
}

.chat_down .chatyellow {
    background: #FFFFFF;
    border: 1px solid #D9C08C;
    color: #D9C18C;
    margin-left: 2%;
}

.chat_down .chatred {
    background: #FFFFFF;
    border: 1px solid #DFAFB3;
    color: #D39499;
    margin-left: 2%;
}

.chat_down .chatblue {
    color: #9ABFD5;
    background: #FFFFFF;
    border: 1px solid #AECCDD;
    margin-left: 2%;
}

.chat_down .weijieton_red, .yxjr_yellow, .yijieji_green, .yxyb_blue {
    border-radius: 4px;
    font-size: 12px;
    color: #FFFFFF;
    width: 80px;
    height: 20px;
    float:left;
    text-align: center;
    line-height: 20px;

}

.color_button{
    float:right;
    width:180px;
    margin-top:1%;}
.color_button01{
    width:180px;
    float:right;
    margin-top:6%;
}
.chat_down .weijieton_red {
    background: #F30416;

}

.chat_down .yxjr_yellow {
    background-image: linear-gradient(-180deg, #FFC444 0%, #FFB619 100%);
    border-radius: 4px;
    margin-left:4%;
}

.chat_down .chatimg01 {
    background: url(../images/com_ghn_list_img_04.png) no-repeat;
    width: 80px;
    height: 50px;
    margin-top: 1%;
    float: left;
}

.chat_down .chatimg02 {
    background: url(../images/com_ghn_list_img_04.png) no-repeat;
    width: 80px;
    height: 50px;
    margin-top: 1%;
    float: left;
    margin-left: 2%;
}

.chat_down .chatimg03 {
    background: url(../images/com_ghn_list_img_04.png) no-repeat;
    width: 80px;
    height: 50px;
    margin-top: 1%;
    float: left;
    margin-left: 2%;
}

.Navigation_down_right .chat_kuang01 {
    width: 79.4%;
    background: #fff;
    float: left;
}

.chat_down .yijieji_green {
    background: #6CCB24;
    border-radius: 4px;

}

.chat_down .yxyb_blue {
    background: #049DF8;
    border-radius: 4px;
    margin-left:2%;
}

.Navigation_down_right .chat_img_right {
    background: url(../images/admin-pic01.png) no-repeat;
    width: 38px;
    height: 38px;
    float: right;
}
.chat_img_rightbox{
    width: 38px;
    height: 38px;
    float: right;
    margin-right:15px;}
.Navigation_down_right .chat_Arrow_right {
    background: url(../images/jiantou_right.png) no-repeat;
    width: 10px;
    height: 17px;
    float: right;
    margin-top: 14px;
    right: 1px;
    position: relative;
}

.Navigation_down_right .chat_kuang_right {
    width: 79.4%;
    background: #fff;
    float: right;
}

.txzxhfjl_top {
    width: 100%;
    height: 44px;
    background: #FFFFFF;
    border-top: 1px solid #E3EBED;
    border-left:1px solid #E3EBED;
    border-right:1px solid #E3EBED;
    margin-top: 10px;
    position: fixed;
    bottom: 0;

}

.txzxhfjl_top button {
    background: #4578C8;
    border-radius: 4px;
    width: 10%;
    height: 24px;
    font-size: 12px;
    color: #FFFFFF;
    float: left;
    margin-left:52%;
    margin-top: 10px;

}
.txzxhfjl_top .bg-blue-btn Button{
    width: 154px;
    text-indent: 18px;
    background: #4578C8 url(../images/newlyAdded.png) 18px no-repeat;
}
.duankai_button .bg-white-btn Button{
    background: #fff url(../images/break-gray.png) 25px no-repeat;
}

.duankai_button .bg-white-btn Button {
    width: 120px;
    border-radius: 4px;
    padding: 0px 22px;
    height: 24px;
    font-size: 12px;
    color: #686868;
    float:left;
    margin-left:250px;
    border: 1px solid #E2EBED;
    cursor:pointer;
    text-indent: 15px;

}
.Navigation_down_right .bg-blue-btn Button {
    background: #4578C8;
    border-radius: 4px;
    /*padding: 0px 15px;*/
    height: 24px;
    font-size: 12px;
    color: #FFFFFF;
    float: left;
    margin-right: 12px;
    cursor:pointer;
}
.bg-blue-btn-one button{
    background: #4578C8;
    border-radius: 4px;
    padding: 0px 15px;
    height: 24px;
    font-size: 12px;
    color: #FFFFFF;
    float: left;
    margin-right: 12px;
    cursor:pointer;
}

/*******下边样式结束*******/

/*转为个人客户弹框内容*/

.turnPrivate .ivu-modal-body,
.turnClient .ivu-modal-body,.turnClient-one .ivu-modal-body,
.turnPrivateWrap .ivu-modal-body,.turnPrivateWrap-one .ivu-modal-body{
    padding: 10px;
    background: #F6F8F9;
}
.turnPrivateWrap .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.turnPrivateWrap .ivu-select-single .ivu-select-selection .ivu-select-selected-value,
.turnClientWrap-one .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.turnClientWrap-one .ivu-select-single .ivu-select-selection .ivu-select-selected-value{
    height: 28px;
    line-height: 28px;
}
.turnPrivateWrap .modal-content .ivu-select-arrow,
.turnClientWrap-one .modal-content .ivu-select-arrow{
    margin-top: -9px;
}
